<template>
  <div>
    <div class="home_details_container">
          <div class="home_t">
      <van-grid>
        <van-grid-item
        :column-num="3"
          :icon="list.icon"
          :text="list.name"
          
        />
      </van-grid>
    </div>
    </div>
  </div>
</template>
<style lang="scss">
.home_details_container {
  width: 100%;
  margin-top: 1rem;
}
</style>
<script>
export default {
  data() {
    return {
      list: [],
    };
  },
  mounted() {
      console.log(this.$route.query.id);
    this.$API
      .shop()
      .then((res) => {
        console.log(res);
        res.data.data.forEach(item=>{
            if(item.id==this.$route.query.id){
                this.list=item
            }
        })
      })
      .catch((error) => {
        console.log(error);
      });
     

  },
};
</script>
<style scoped>
    .home_t{
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  padding-bottom: 1rem;
}
.van-grid-item__icon{
    font-size: 34px;
}
</style>